/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import { Tabs, Icon } from 'antd-mobile-rn';


// project
import {
    CAround, CBetween, Center, Column, CHand, CItemX, CItemY, CLine, CRow, CWrap, 
    CIcon, CImage, CSvg, CText,
    CContent, CFloat, CFooter, CHeader, CPage, CSide, 
    CEmpty, CError, CFail, CSkeleton, 
    CLabel, CButton
} from '../../../../library/comp';

import Licon from '../../../../library/comp/project/icon';


/******************************************************************************************
 * Export
 ******************************************************************************************/

export default class MyActivity extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
    constructor (props) {
        super(props);
        this.Nav = this.props.navigation;

        /**
         * state
         */
        this.state = {
            tabList:[
                { title: '已报名' },
                { title: '已关注' },
            ]
        };
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
    render(){
        const tabBarSet = {
            borderWidth:1,
            borderColor:'#0c6',
        }
        return(
            <CPage>

                <CContent bg='#fff' mt='96'>
                    <CRow>
                    
                        <Tabs
                            tabs={this.state.tabList}
                            tabBarUnderlineStyle={tabBarSet} 
                            tabBarInactiveTextColor={'rgb(81, 81, 81)'} 
                            tabBarActiveTextColor='#0c6' 
							tabBarTextStyle={{ size:16 }}
                            >
                            <CRow pt='100' x='center' y='center'>
                                <CItemY x='center' y='center'>
                                <CIcon width="50" height="50" color="#aeaeae" icon={ Licon["myactivty"] }></CIcon>
                                    <CText color='#aeaeae' size='26' mt="10">暂无记录</CText>
                                </CItemY>
                            </CRow>
                        </Tabs>
                    </CRow>
                    
                </CContent>


                {/* 顶部 star */}
                <CHeader h='96' y='center' bg='#fff'>
                    <CBetween px='20'>
                        <CHand onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </CHand>

                        <CText size='34'>我的活动</CText>
                        <CHand w='44' h='44'></CHand>
                    </CBetween>
                </CHeader>
                {/* 顶部 star */}



            </CPage>
        )
    }
}
